<template>
    <div
        style="width: 100%;height: 100%; background-color: #f2f2f2; display: flex;flex-direction: column;justify-content: start;align-items: center;">
        <div
            style="width: 95%; display: flex; flex-direction: column; justify-content: start; align-items: center;margin-top: 2rem; background-color: white;">
            <el-form :model="form" label-width="120px" style="width: 95%; margin-top: 5rem;">
                <el-form-item label="客房预订配置" style="width: 500px;">
                </el-form-item>
                <el-divider class="checkbox-divider" content-position="left"></el-divider>
                <el-divider class="checkbox-divider" content-position="left" style="opacity: 0;"></el-divider>
                <el-form-item label="最多可预定数:" style="width: 500px;">
                    <el-input v-model="form.name">
                        <template #append>个</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="最多可预定天数:" style="width: 500px;">
                    <el-input v-model="form.name">
                        <template #append>天</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="预定日期范围:" style="width: 500px;">
                    <el-input v-model="form.name">
                        <template #append>天</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="商城设置" style="width: 500px;">
                </el-form-item>
                <el-divider class="checkbox-divider" content-position="left"></el-divider>
                <el-divider class="checkbox-divider" content-position="left" style="opacity: 0;"></el-divider>
                <el-form-item label="订单关闭时间:" style="width: 500px;">
                    <el-input v-model="form.name">
                        <template #append>分</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="发货超时时间:" style="width: 500px;">
                    <el-input v-model="form.name">
                        <template #append>天</template>
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit" style="margin: auto;">保存</el-button>
                </el-form-item>
            </el-form>



        </div>
    </div>
</template>

<script setup lang="ts">
import router from '@/router';
import { ref, reactive } from 'vue'
const form: any = reactive({

})
const onSubmit = () => {

}

</script>

<style scoped lang="less">
.firstItem {
    margin-right: 0px;
    border: none;
}

.admin-header {
    width: 95%;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

.checkbox-divider {
    flex-basis: 100%;
    width: 100%;
    margin: 10px 0;
}
</style>